Hi there and thank you for purchasing the PowerUp theme! This documentation will cover the ins and outs on how to get your newly-purchased WordPress theme up and running, fast. Our goal was to make everything as simple and straighforward as possible, so without further delay, let's get started!
To install the theme, you have two really simple options:
The PowerUp theme has a number of options you can play around with. Everything that can be altered are placed under "Appearance > Customize > PowerUp Theme". You will find everything logically organized and each option explained in detail where necessary. In this documentation, we go over some points individually as well.
By default, your site name is displayed as text in the header. Replacing that with a logo image couldn't be simpler however.
We've enabled the WordPress logo uploader for PowerUp, so all you have to do is head to "Appearance > Customize > PowerUp Theme > Logo" and upload your logo as instructed. You can also use simple text if you'd like, plus modify some color and placement options.
PowerUp's menus are built using WordPress' own menu builder under "Appearance > Menus". Simply build your menus as you normally would and attach them to the appropriate theme locations:
Header tab marker
By default, the marker says "NEW". To change this text, head over to "Appearance > Customize > PowerUp Theme > Header Tabs"
Header tabs prefix
Dropdown menu
The dropdown menu also holds an unstyled widget location (the "Dropdown menu widgets" location) as well as social icons which you can link to your social profiles under "Appearance > Customize > PowerUp Theme > Dropdown Menu." There you can also change the social icons' text label, customize the menu button label, the size of the dropdown menu itself as well as set a custom resolution at which the dropdown snaps to fullscreen.
PowerUp includes two dedicated ad spots:
The ad spots are simple widget locations, so simply insert your code into the "Front page ad spot" and "Sidebar ad spots" widget locations under "Appearance > Widgets" and you're all set.
By default, the front page displays only the newest posts from your blog. To also display the featured content slider at the top of the front page as well as the trending content ticker below the header, simply enable them by heading to "Appearance > Customize > PowerUp Theme > Featured & Trending Content" and activate the "Enable featured slider area on front page" and "Enable trending ticker below header" options.
Front page slider
To make posts appear in the front page slider, simply create a category called "Featured" and add posts into that category. The 5 newest posts will automatically be displayed.
Trending ticker
After the trending ticker is enabled, you don't need to do anything else. It automatically displays the most commented stories that have been published during the last week.
The PowerUp theme comes with a unique 'highlighted posts' feature, the purpose of which is to visibly mark content that the news editor deems most important. For example, this is fantastic for sites that post a lot of content every day or for repeat visitors who may only wish to read the biggest news stories without having to scan dozens upon dozens of headlines.
To mark a post as 'highlighted', simply create and enter posts into the "Highlighted" category. If a post is highlighted, it will have a blue triangle marker on its story image when viewed on the front page, search results etc.
You can also bring extra attention to highlighted content by linking to the "Highlighted" category page from the header tabs and adding a marker onto the actual tab as well. To do so, just give the menu item that links to the category the "highlighted" class in the WordPress menu builder.
The PowerUp theme can indicate to the visitor whether a post has image and/or video content in it. It does so by placing an icon onto the featured image of a post (in the post loop as well as featured story slider on the front page, if enabled). To mark a story as having such content, simply create and place the posts into the "Images" and/or "Video" category and the icons will appear automatically.
The quicklink feature allows you to add a simple text link right next to the search form in the header. It's a minor feature but one that can become handy in certain situations. To use the feature, navigate to "Appearance > Customize > PowerUp Theme > Quicklink" and fill out the fields as you need.
In addition to the standard "Recent Comments" WordPress widget, PowerUp comes with its own custom "Recent Comments (with excerpts)" widget which, as its name suggests, also displays an excerpt. Using it is as simple as any other widget; simply head to "Appearance > Widgets" and drag it to the desired widget location.
You'll also notice the default "Recent Posts" widget has been expanded upon and the posts displayed include the featured image, highlighted posts marker, comment count and media icons.
Back to topTo add galleries to your posts, we recommend the lovely PhotoSwipe gallery system which we've created custom styling for. To install it, head to "Plugins > Add New", and search for "PhotoSwipe". In the search results, install and activate the "PhotoSwipe" plugin.
To make use of the touch/swipe gallery, simply upload and select the images you want to include as you're creating a gallery for your post or page, then select "Image File" under "Link thumbnails to", and finally select the number of columns (1-9 are all supported) you'd like to have. That's it!
Note: Some versions of WordPress may not correctly link images to file. If your gallery is loading an "X" image when you click on a thumbnail, be sure the gallery code has link="file" in it. If it doesn't, you can just type it in yourself. The code should look something like this: [gallery link="file" ids="631,630,629,474,355,354"]
Back to topThanks to the way the theme is designed, content like videos and galleries can also be placed into the area where the featured image appears (above the title). To do so, create and insert your content into either the "FeaturedEmbed" (iframe embed for example) or "Shortcode" (shortcodes) custom fields.
If a Custom Field is used, the featured image will be overridden automatically (though the featured image will still be shown on the blog index).
If you're not familiar with the WordPress Custom Fields feature, you can enable it by -- while on the 'edit post/page' page -- clicking on the Screen Options tab at the top-right of the page and ticking Custom Fields. After that, the custom fields box will appear below the editor; then just create a new field with the FeaturedEmbed or Shortcode name, and paste the embed code into the Value textarea.
Back to topPowerUp comes with its own little shortcode plugin that allows you to quickly add fully responsive videos to your site. You can install and activate it in two ways:
Once installed, you can use shortcodes for YouTube, Twitch, Vimeo, DailyMotion and USTREAM. Videos inserted via shortcode are responsive and will resize automatically. As for how to actually make use of shortcodes, it's very straightforward. All you have to do is enter a little bit of easy-to-remember code.
YouTube
For example, if the YouTube URL is "http://www.youtube.com/watch?v=TZ_G6XiHoUA" then to insert the video with a shortcode just type [youtube id="TZ_G6XiHoUA"] into the editor.
Twitch
For Twitch, there are two sets of shortcodes; one for live feeds and the other for recorded videos.
For a live feed, if the channel URL is "https://www.twitch.tv/summit1g" then the shortcode is [twitch id="summit1g"]
For the recorded video, if the URL is "https://www.twitch.tv/videos/147342947" then the shortcode is [twitchrec id="147342947"]
Vimeo
For Vimeo, if the URL is "http://vimeo.com/17535548" then the shortcode would be [vimeo id="17535548"]
USTREAM
For USTREAM, there are also two sets of shortcodes; one for live feeds and the other for recorded videos.
For a live feed, if the channel URL is "http://www.ustream.tv/channel/1524" then the shortcode is [ustream id="1524"] (you can find the channel URL by clicking on the "Share" icon in the video and then clicking on "Copy link".
For the recorded video, if the URL is "http://www.ustream.tv/recorded/28241383" then the shortcode is [ustreamrec id="28241383"]
Dailymotion
If the video page URL is "http://www.dailymotion.com/video/xwoqiu_where-dreams-will-take-you_creation#.UP8fwmeKx8E" then the shortcode to use is [dailymotion id="xwoqiu"]
This theme is ready for localization, a task made extremely easy by a free piece of software called Poedit (download it here).
Once you've installed Poedit, with it, open the powerup.pot file (found in the theme's "languages" folder). Once opened, it's time to start translating; all you have to do is select the item you wish to translate in the "Source text" window, and type your translation into the "Translation" window. Once you've gone through all the items you wish to translate, hit the Save button and upload both created files (*.mo and *.po) found in the "languages" folder to the theme folder on your server.
Now you just need to tell your WordPress installation to make use of these files. For this, in your installation, head to "Settings > General" and from the "Site Language" dropdown, select the language you saved your translation in.
Please note: Selecting a language from the drop-down will also change the backend of your WordPress installation to the selected language.
Please note: A few items available for translation may include bits of code like "</div> etc. Be sure to carry those over for the tranlated text as well. For example, if the source text is "Weigh in by leaving your</div>comment", translate the parts in bold, but leave in the "</div>" as well.
Back to topShould you find something unclear about this documentation and have a question, then you can easily reach us through our ThemeForest profile here (use the bottom-right contact form): http://themeforest.net/user/BonfireThemes
Back to top